<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonheader">
    <!--common-->
    <link th:href="@{/css/style.css}" rel="stylesheet">
    <link th:href="@{/css/style-responsive.css}"  rel="stylesheet">
    <script th:src="@{/js/jquery-1.8.0.js}"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
    <script src="js/respond.min.js" th:src="@{/js/respond.min.js}"></script>
    <![endif]-->
</head>
<body>
<!-- left side start-->
<div id="leftmenu" class="left-side sticky-left-side">

    <!--logo and iconic logo start-->
    <div class="logo">
        <a href="index.html"><img src="images/logo.png" th:src="@{/images/logo.png}" alt=""></a>
    </div>

    <div class="logo-icon text-center">
        <a href="index.html"><img src="images/logo_icon.png" th:src="@{/images/logo_icon.png}" alt=""></a>

    </div>
    <!--logo and iconic logo end-->


    <div class="left-side-inner">

        <!-- visible to small devices only -->
<!--        <div class="visible-xs hidden-sm hidden-md hidden-lg">-->
<!--            <div class="media logged-user">-->
<!--                <img alt="" src="images/photos/user-avatar.png" th:src="@{/images/photos/user-avatar.png}" class="media-object">-->
<!--                <div class="media-body">-->
<!--                    <h4><a href="#">John Doe</a></h4>-->
<!--                    <span>"Hello There..."</span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <h5 class="left-nav-title">Account Information</h5>-->
<!--            <ul class="nav nav-pills nav-stacked custom-nav">-->
<!--                <li><a href="#"><i class="fa fa-user"></i> <span>Profile</span></a></li>-->
<!--                <li><a href="#"><i class="fa fa-cog"></i> <span>Settings</span></a></li>-->
<!--                <li><a href="#"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>-->
<!--            </ul>-->
<!--        </div>-->

        <!--sidebar nav start-->
        <ul class="nav nav-pills nav-stacked custom-nav">
            <li><a th:href="@{/main}"><i class="fa fa-home"></i> <span>主界面</span></a></li>


            <li><a th:href="@{/user/list}" th:if="${session.user_login_state.userRole == '超级管理员'}"><i class="fa fa-th-list"></i> <span>用户管理</span></a></li>
            <li><a th:href="@{/czgl/list}"><i class="fa fa-th-list"></i> <span>测站信息管理</span></a></li>
            <li><a th:href="@{/hlgl/list}"><i class="fa fa-th-list"></i> <span>河流信息管理</span></a></li>





        </ul>
        <!--sidebar nav end-->

    </div>
</div>
<!-- left side end-->


<!-- header section start-->
<div th:fragment="headermenu" class="header-section">

    <!--notification menu start -->
    <div class="menu-right">
        <ul class="notification-menu">
            <li>
                <a  href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <img th:src="@{/images/photos/admin.png}" alt="" />
                    [[${session.user_login_state.username}]]
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                    <li><a th:href="@{/user/logout}"><i class="fa fa-sign-out"></i>登出</a></li>
                </ul>
            </li>

        </ul>
    </div>
    <!--notification menu end -->

</div>
<!-- header section end-->



<div id="commonscript">
    <!-- Placed js at the end of the document so the pages load faster -->

    <script th:src="@{/js/jquery-1.10.2.min.js}"></script>
    <script th:src="@{/js/jquery-ui-1.9.2.custom.min.js}"></script>
    <script th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/modernizr.min.js}"></script>
    <script th:src="@{/js/jquery.nicescroll.js}"></script>
    <!--common scripts for all pages-->
    <script th:src="@{/js/scripts.js}"></script>
</div>
</body>
</html>